<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title> 在图片后面添加文本</title>
	<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
	<script>
		function afterText()
		{
			var txt1="<b>I </b>";
			var txt2=$("<i></i>").text("love");
			var txt3=document.createElement("big");
			txt3.innerHTML="jQuery!";
			$("img").after("txt1,txt2,txt3");
		}
	</script>
</head>
<body>
<img src="../../img/duo2.png" width="200px" height="300px" alt="duoduo_pic"/>
 <br><br>
<button onclick="afterText()">在图片后面添加文本</button>

</body>
</html>